import React from 'react';
import { useHistory } from 'react-router';
import { MyNavBarWrapper } from './styleMy';
import Icon from "@/components/icon/Icon"


const MyNavBar = () => {
    const history=useHistory();
    const clickHandler=()=>{
        history.push("/My/sigin")
    }

    return (
        <MyNavBarWrapper>
            <h1>我的</h1>
            <Icon
                name="settings4Line"
                size=".2rem"
                color="#2984f8"
                click={clickHandler}
            ></Icon>
        </MyNavBarWrapper>
    );
}

export default MyNavBar;